/* CSS Document untuk Kursus */
body {
	background:#38f8d6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:0 1px 1px #BBBBBB;
	margin:0;
	padding:0;
}

a {
	color:#0000FF;
	text-decoration:underline;
}
a:hover {
	color:#FF0000;
	text-decoration:none;
	background:#FFFF33;
}

#lebar-web {
	width:1024px;
	background:#FFFFFF;
	border:1px solid #0078A5;
	margin:30px auto 20px;
	padding:0;
	box-shadow:0 0 25px #FFF;
}

#header {
	width:auto;
	min-height:150px;
	background:url(../images/Graphic1.png);
	color:#FFF;
	margin:0;
	padding:0;
	text-align:center;
	text-shadow:0 2px 2px #333;
}
.header-judul {
	padding:5px 5px 0 5px;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	clear:both;
}
.header-deskripsi {
	padding:5px;
	margin:0;
	font-family:"Calibri";
	font-size:16px;
	font-weight:bold;
}

#isi {
	background:#FFF ;
	width:auto;
	min-height:600px;
	margin:0;
	padding:10px;
}

#footer {
	width:auto;
	height:80px;
	padding:3px 5px 3px 5px;
	background:#CCCCCC;
	color:#FFF;
}
#footer a, #footer a:hover {
	text-decoration:none;
	color:#FFF;
	background:none;
}

H1 {
	margin:0 0 10px 0;
	padding-bottom:3px;
	border-bottom:2px dotted #d9eef7;
	color:#0078A5;
	font-size:18px;
}

#belang { /* membuat tabel selang-seling otomatis */
    width: 100%;
    font: Arial, Helvetica, sans-serif;
    border:1px solid #FFF;
	border-spacing: 0;
	font-size:12px;
}
#belang th {
	text-align:left;
    color: #000;
    background-color:#f3e3e2;
	border-right:1px solid #76e5bf;
	border-bottom:1px solid #76e5bf;
	border-spacing:0;
    padding: 5px;
	font-weight:bold;
}
#belang td {
    padding: 5px;
	color:#000;
    background-color:#7de2df;
	border-right:1px solid #FFF;
}
#belang tr:nth-child(odd) td {
    background-color:#ceb8f0;
}

/* MULAI: CSS untuk Navigasi Menu dari http://templatemaxs.com/tools/menumaker/ */
#menu_nav{
	position:relative;
	margin:0 auto 0;
	padding:0;
	width:auto;
	height:30px;
	list-style-type:none;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.button a{
	cursor:pointer;
	text-align:center;
	font:14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	min-width:50px;
	height:20px;
	float:left;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
}
/* menu kotak */
.Blue,.Blue .button a{
	color:#d9eef7;
	background: #38f8d6;
	border-right:solid 1px #0078a5;
	background: -moz-linear-gradient(top, #38f8d6 0%, #0078a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38f8d6), color-stop(100%,#0078a5));
	background: -webkit-linear-gradient(top, #38f8d6 0%,#0078a5 100%);
	background: -o-linear-gradient(top, #38f8d6 0%,#0078a5 100%);
	background: -ms-linear-gradient(top, #38f8d6 0%,#0078a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38f8d6', endColorstr='#0078a5',GradientType=0 );
	background: linear-gradient(top, #38f8d6 0%,#0078a5 100%);
}
.Blue .button a:hover,.Blue .button a:focus{
	background: #0095cc;
	background: -moz-linear-gradient(top, #0095cc 0%, #00678e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e));
	background: -webkit-linear-gradient(top, #0095cc 0%,#00678e 100%);
	background: -o-linear-gradient(top, #0095cc 0%,#00678e 100%);
	background: -ms-linear-gradient(top, #0095cc 0%,#00678e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 );
	background: linear-gradient(top, #0095cc 0%,#00678e 100%);
}
.Blue .button a:active{background: #38f8d6;
	background: -moz-linear-gradient(top, #0078a5 0%, #00adee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee));
	background: -webkit-linear-gradient(top, #0078a5 0%,#00adee 100%);
	background: -o-linear-gradient(top, #0078a5 0%,#00adee 100%);
	background: -ms-linear-gradient(top, #0078a5 0%,#00adee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 );
	background: linear-gradient(top, #0078a5 0%,#00adee 100%);
}
/* AKHIR: CSS untuk Navigasi Menu dari http://templatemaxs.com/tools/menumaker */

input[type=text], input[type=password], input[type=checkbox], input[type=radio], select, textarea {
	border:1px solid #3399FF;
	border-radius:3px;
	box-shadow:0 0 3px #3399FF;
}
input[type=submit], button{
	background:#0078A5;
	border:1px solid #003399;
	color:#FFF;
	font-weight:bold;
	text-shadow:0 1px 1px #333;
	border-radius:3px;
	cursor:pointer;
}
input[type=submit]:disabled, button:disabled{
	background:#ccc;
	border:1px solid #ccc;
	color:#ccc;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
	border-radius:3px;
	cursor:pointer;
}



::-moz-selection{background:#0066CC; color:#FFFF00}
::selection{background:#0066CC; color:#FFFF00}

/* tombol cari */
.tombol_cari {
	width: 25px;
	height: 25px;
	background:#CC0000;
	border: none;
	cursor: pointer;
}